<template>
  <div class="player" v-show="playlist.length>0">
    <div class="normal-player" v-show="fullScreen">sdaffsfasdfa</div>
    <div class="mini-player" v-show="!fullScreen" @click.stop="open"></div>
  </div>
</template>

<script>
import { createNamespacedHelpers } from 'vuex'

const { mapGetters } = createNamespacedHelpers('playerData')
export default {
  data() {
    return {

    }
  },

  computed: {
    ...mapGetters([
      'currentIndex',
      'fullScreen',
      'playlist',
      'playing'
    ])
  }
}
</script>
<style lang="scss">
@import "./index.scss";
</style>
